<template>
  <div id="map"></div>
</template>

<script setup>
import { ref, onMounted } from 'vue'
import { TianDiMap_vec,TianDiMap_cva, docLayer } from '@/zondy_libs/index.js'
import { prototype } from '@/main.js'
// import XgsjDialog from '@/views/userView/components/XgsjDialog.vue'
let city = ref('')
onMounted(() => {
  const map = new ol.Map({
    target: 'map',
    layers: [ TianDiMap_vec,docLayer ],
    view: new ol.View({
      projection: 'EPSG:4326',
      center: [114.3, 30.5],
      zoom: 12,
    }),
  })
  prototype.$map = map
})

</script>

<style scoped>
/* .map{
  position: relative;
} */
</style>